var tpl  =  $("#myTemplate").html();
    var template = Handlebars.compile(tpl);
    $.ajax({
       url:"/commission.json",
       type:"get",
        dataType:"json",
       success:function(data){
            console.log(data)
            var html = template(data);
            $('.project-content').empty();
            $('.project-content').append(html);
        },
        error: function(msg) {
            console.log(msg)
        }
    });
$('.offline').click(function(){
$('.offline').removeClass('offline-active');
    $(this).addClass('offline-active');
    var arr = [];
    arr.type = this.id;
    var tpl  =  $("#myTemplate").html();
    var template = Handlebars.compile(tpl);
    $.ajax({
        url:"/commission.json",
        type:"get",
        dataType:"json",
        data:{type:arr.type},
        success:function(data){
            console.log(data)
            var html = template(data);
            $('.project-content').empty();
            $('.project-content').append(html);
        },
        error: function(msg) {
            console.log(msg)
        }
    })
});